/****  (CSS reset...) ****/

html,body,span, applet,object,iframe, h1,h2,h3,h4,h5,h6,p,blockquote,pre, a,abbr,acronym,address,big,cite,code, del,dfn,em,font,img,ins,kbd,q,s,samp, small,strike,strong,sub,sup,tt,var, dd,dl,dt,li,ol,ul, fieldset,form,label,legend, table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;line-height:1.3em;font-family:inherit;text-align:inherit;}
a img,:link img,:visited img{border:0;}
table{border-collapse:collapse;border-spacing:0;}
td{vertical-align: top;}
ul{list-style:none;}
ol{list-style: decimal inside};
q:before,q:after, blockquote:before,blockquote:after{content:"";}
strong,h1,h2,h3,h4,h5,h6 {font-weight:bold;}
em{font-style:italic;}
input, textarea, select  {font-size:99%}



/**** Styles generaux ****/

body{font-size:62.5%;font-family:"Trebuchet MS",Arial,sans-serif;background:#000;color:#a09196;} 
body, x:-moz-any-link{font-size:62.5%;}
body, x:-moz-any-link, x:default { font-size:62.5%;}
input{font-family:Verdana,Arial,Helvetica,sans-serif;}
li,.contTip,caption,dl{font-size:1.2em;}
li li,li p,dl li, dl p,dl dl,.contTip li,caption .contTip , caption p, caption li{font-size:1em;}
p{font-size:1.2em;}
a{color:#a09196;text-decoration:none;font-size:1.2em;}
a:hover{text-decoration:underline;}
h1{font-size:1.6em;font-weight:normal !important;}
h2{font-size:1em;}
h3{font-size:1em; font-weight:bold;}
h4{font-size:1.3em;}
h5{font-size:1.2em;}
h6{font-size:1.1em;}

body{padding-top:50px;}

#content,#header,#footer{margin:auto; position:relative; overflow:hidden; zoom:1; width:600px;}
#content{ height:550px; border:1px solid #333; position:relative; }

.frise{overflow:hidden; zoom:1; width:600px;  position:absolute; bottom:15px; left:15px; }

.txtR{text-align:right;}


.floatL{float:left;}

.marginR7{margin-right:7px;}

/* ********************************** */

/* ** JS ** */
/* **  Important part to setup ** */
/* MooDiapo Styles to setup */
#overlay{background-color:#000; width:600px; height:550px; position:absolute; z-index:100; overflow:hidden;}
#btnNext{position:absolute; z-index:101; top:220px; right:10px; width:25px; height:25px; display:block; background:transparent url(../img/btn_next.gif) left top no-repeat; cursor:pointer;}
#btnPrevious{position:absolute; z-index:102; top:220px; left:10px; width:25px; height:25px; display:block; background:transparent url(../img/btn_previous.gif) left top no-repeat; cursor:pointer;}
#slideshowClose{position:absolute; z-index:103; top:10px; right:10px; width:71px; height:25px; display:block; background:transparent url(../img/btn_close.gif) left top no-repeat; cursor:pointer;}




